/********************
 *	mx-slide-fade
 ********************/
#mx-fade {position:relative; width:100%; height:310px;}
#mx-fade .mx-hidden {width:100%; height:100%; overflow:hidden;}
#mx-fade .mx-width {width:100%; height:100%;}
#mx-fade .mx-content {width:100%; height:100%;}
#mx-fade .mx-content a {position:absolute; left:0; top:0; width:100%; height:100%; display:none;}
#mx-fade .mx-content a img {border:0; width:100%; height:310px;}
#mx-fade .mx-change {position:absolute; z-index:9; left:0; bottom:6px; width:100%; text-align:center; font:normal 12px 'SimSun'}
#mx-fade .mx-change span {position:relative; display:inline-block; margin:0px 3px; cursor:pointer; overflow:hidden;  border:1px solid #bbb; width:10px; height:10px;}
#mx-fade .mx-change span.mx-cur {background:#F28E43;}

#mx-fade .mx-key a {position:absolute; z-index:9; bottom:50%; font:normal 24px 'SimSun'; width:35px; height:35px; margin-bottom:-19px; line-height:35px; text-align:center; background:#666; border:1px solid #fafafa; color:#fafafa; text-decoration:none; opacity: 0.5; filter:alpha(opacity=50);}
#mx-fade .mx-key a:hover {opacity: 0.8; filter:alpha(opacity=80);}
#mx-fade .mx-key .mx-key-back {left:5%;}
#mx-fade .mx-key .mx-key-next {right:5%;}

